import React from "react";
import { WdVList } from "../../../components/wd-v-list";
import Mock from 'mockjs'
const Index: React.FC = () => {
  const {  data } = Mock.mock({
    "data|1000": [{
      "id": "@id",
      "image": "@image(160x200, @color)",
      "title": '@ctitle',
      "desc": "@desc"
    }]
  })

  return (
    <div>
      <WdVList data={data} itemHeight={200} itemCount={10}>
        {
          (item) => {
            return <div>
              <dl style={{ display: 'flex' }}>
                <dt>
                  <img src={item.image} alt="" />
                </dt>
                <dd>
                  <h3>{item.title}</h3>
                  <div>{item.desc}</div>
                </dd>
              </dl>
            </div>
          }
        }
      </WdVList>
    </div>
  );
};

export default Index;
